<!DOCTYPE html>
<html>
	<head>	
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
		<title>EPAM Systems evolution</title>
		<link rel="stylesheet" href="css/main.css">
        <link href="css/cupertino/jquery-ui-1.10.3.custom.css" rel="stylesheet">
		<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&language=en"></script>
		<script src="js/jquery-2.0.3.min.js"></script>
        <script src="js/map-module.js"></script>
        <script src="js/charts-module.js"></script>
        <script src="js/main.js"></script>
        <script src="js/jquery-ui-1.10.3.custom.min.js"></script>
        <script src="js/yui-min.js"></script>
	</head>

	<body>
		<div class="container">
			<h3>Epam Systems Offices</h3>
            <div id="map-canvas"></div>
            <p>Use slider to change time point to visualise</p>
            <div id="slider"></div>
            <span id="currData"></span>
            <h3>Number of employees growing chart</h3>
            <div class="chart" id="empl_growing_chart"></div>
            <h3>The most recent % of employees by country</h3>
            <div class="chart piechart" id="representation_chart"></div>
            <h3>Number of cities with offices growing chart</h3>
            <div class="chart" id="offices_growing_chart"></div>
		</div>
	</body>
</html>
